<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人中心</title>
    <script src="./js/flexible_css.js"></script>
    <script src="./js/flexible.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/person.css">
</head>

<body>
    <div class="page">
        <!-- banner -->
        <div class="banner2">
            <div class="banner_content">
                <img src="./images/avatar.png" alt="">
                <p>触碰不到的阳光</p>
            </div>
        </div>
        <!-- 订单明细 -->
        <div class="order">
            <p class="title">
                <span></span>订单明细</p>
            <div class="order_list">
                <a href="javascript:;">
                    <div class="order_list_group active">
                        <div class="not_pay">
                            <span class="dot">1</span>
                        </div>
                        <p>未支付</p>
                    </div>
                </a>
                <a href="javascript:;">
                    <div class="order_list_group">
                        <div class="not_search"></div>
                        <p>待查询</p>
                    </div>
                </a>
                <a href="javascript:;">
                    <div class="order_list_group">
                        <div class="search_already"></div>
                        <p>已查询</p>
                    </div>
                </a>
            </div>
            <div class="order_record">
                <div class="order_record_list">
                    <h4>智能征信信用申请浏览记录/自己</h4>
                    <p>申请人 :
                        <span> 张三丰</span>
                    </p>
                    <p>手机号 :
                        <span> 133****6688</span>
                    </p>
                    <p>浏览时间 :
                        <span> 2018-06-26 10:44:55</span>
                    </p>
                    <a href="javascript:;" class="gopay">去支付</a>
                    <a href="javascript:;" class="tobe_paid">待支付申请</a>
                </div>
                <div class="order_record_list">
                    <h4>智能征信信用申请浏览记录/自己</h4>
                    <p>申请人 :
                        <span> 张三丰</span>
                    </p>
                    <p>手机号 :
                        <span> 133****6688</span>
                    </p>
                    <p>浏览时间 :
                        <span> 2018-06-26 10:44:55</span>
                    </p>
                    <a href="javascript:;" class="gopay">去支付</a>
                    <a href="javascript:;" class="tobe_paid">待支付申请</a>
                </div>
            </div>
        </div>
        <!-- 导航 -->
        <div class="nav_group">
            <a href="javascript:;" class="gohome"></a>
            <a href="javascript:;" class="goback"></a>
        </div>
        <!-- 底部 -->
        <div class="footer">
            <p class="footer_text"></p>
            <p>商务合作:BD@xianwangsou.com 官方公众号</p>
            <p>2018 NetSearch All rights reserved</p>
        </div>
    </div>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</body>

</html>